@mixin respond($breakpoint) {
  @if $breakpoint == phone {
      @media only screen and (max-width: 600px) { @content };
  }
  @if $breakpoint == pad {
    @media only screen and (max-width: 768px) { @content };
}
  @if $breakpoint == desktop {
      @media only screen and (min-width: 1800px) { @content };
  }
}
